
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>品筑</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script type="text/javascript" src='js/jquery-1.11.1.min.js'></script>
    <script type="text/javascript" src='js/jquery.mousewheel.min.js'></script>
    <script type="text/javascript" src="js/TweenMax.js"></script>
    <script type="text/javascript" src='js/index.js'></script>
    <script type="text/javascript" src='js/progress.js'></script>
</head>
<body>
    <div class="alert_page">
        <div class="alert_box">
            <div class="spinner">
                <div class="bounce1"></div>
                <div class="bounce2"></div>
                <div class="bounce3"></div>
            </div>
            <!-- <div class="pic_load">图片加载中...</div> -->
        </div>

    </div>
    <div class="bigbox">
        <div class="box">
            <div class="page page_one" id="one">
            <img src="images/go.png" class="go2 go2_on">
                <div class="carbigbox">
                    <div class="people people1"><img src="images/p1.png" /></div>
                    <div class="people people2"><img src="images/p2.png"></div>
                    <div class="people people3"><img src="images/p3.png"></div>
                    <div class="people people4"><img src="images/p4.png"></div>
                    <div class="people people6"><img src="images/p6.png"></div>
                    <div class="people people7"><img src="images/p7.png"></div>
                    <div class="people people9"><img src="images/p9.png"></div>
                    <div class="ju1">快上车!</div>
                    <div class="ju2">品牌老司机带带你</div>

                    <!-- <img class="go" src="./images/bac_go.png"> -->
                    <!-- <div class="line1"></div>
                    <div class="line2"></div> -->
                    <div class="carbox">
                        <div class="smokebox">
                            <div class="smoke"></div>
                        </div>
                        <div class="wheelbox">
                            <div class="wheel1"></div>
                            <div class="wheel2"></div>
                            <div class="wheel3"></div>
                            <div class="wheel4"></div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="page page_two" id="two" name="two">
                <div class="wz_bj">
                    <div class="wz"></div>
                </div>
                <div class="pinpai">
                    <div class="pinpai_one">
                        <a href="#">
                            <div class="pinpai_onebox">
                                <span>品牌</span>
                                <span>策划</span>
                            </div>
                        </a>
                    </div>
                    <div class="pinpai_two">
                    <a href="#">
                        <div class="pinpai_twobox">
                            <span>品牌</span>
                            <span>诊断</span>
                        </div>
                    </a>

                    </div>
                    <div class="pinpai_three">
                    <a href="#">
                        <div class="pinpai_threebox">
                            <span>品牌</span>
                            <span>老化</span>
                        </div>
                    </a>
                    </div>
                </div>

            </div>
            <div class="page page_three" id="three">

                <div class="song"></div>
                <div class="caogeng"></div>
                <div class="zuofang">
                    <div class="zuofangyanbox">
                        <div class="zuofangyan"></div>
                    </div>
                </div>
                <div class="gaofushuai"></div>

            </div>
            <div class="page page_four" id="four">
                <div class="fourth_bj">
                    <div class="qiqiubox">
                        <div class="qiqiu1"></div>
                        <div class="qiqiu2"></div>
                        <div class="qiqiu3"></div>
                    </div>
                </div>
                <div class="wz_bj">
                    <div class="wz fourth_wz"></div>
                </div>

            </div>
            <div class="page page_five" id="five">
                <div class="panzi"></div>
                <div class="panzi2"></div>
                <div class="panzi3"></div>
                <div class="ganzhiyuan"></div>
                <div class="nanlongshiping"></div>
                <div class="yurun"></div>
                <div class="gongfukaobing"></div>
                <div class="weihongxing"></div>
                <div class="cafe"></div>
                <div class="guihuaya"></div>
                <div class="bingwangzi"></div>
                <div class="xiong"></div>
                <div class="nadou"></div>
                <div class="mofang"></div>

            </div>
            <div class="page page_six" id="six">
                <ul class="pinpai_wz">
                    <li>
                        <div class="pp_s">新品牌创建</div>
                        <div class="pp_x">科学建设品牌，创造商业价值</div>
                    </li>
                    <li>
                        <div class="pp2_s">老品牌升级</div>
                        <div class="pp2_x">老字号，新使命留住老客户吸引新消费群体</div>
                    </li>
                    <li>
                        <div class="pp3_s">老品牌转型</div>
                        <div class="pp3_x">食品/餐饮老牌模式转型</div>
                    </li>
                </ul>
                <ul class="yubox">
                    <li class="yu1"></li>
                    <li class="yu2"></li>
                    <li class="yu3"></li>
                </ul>
                <img src="images/fire.png" class="fire1" >
                <img src="images/fire.png" class="fire2" >
                <img src="images/fire.png" class="fire3" >
                <ul class="yanbox">
                    <li class="yan1"></li>
                    <li class="yan2"></li>
                    <li class="yan3"></li>
                </ul>

            </div>
            <div class="page page_seven" id="seven">
                    <div class="shaguo_shang"></div>
                    <div class="shaguo_xia"></div>
                    <div class="tiaoliaoping"></div>
                    <div class="shaozi"></div>
                    <div class="tiaoliaofeng"></div>
                    <div class="gundong_kuang">
                        <ul class="gundong_wz">
                            <li><a href="#">*文艺是否可舒服点开始放大师傅</a></li>
                            <li><a href="#">*文艺是否可舒服点开始放大师傅</a></li>
                            <li><a href="#">*文艺是否可舒服点开始放大师傅</a></li>
                            <li><a href="#">*文艺是否可舒服点开始放大师傅</a></li>
                            <li><a href="#">*文艺是否可舒服点开始放大师傅</a></li>
                            <li><a href="#">*文艺是否可舒服点开始放大师傅</a></li>
                            <li><a href="#">*文艺是否可舒服点开始放大师傅</a></li>
                            <li><a href="#">*文艺是否可舒服点开始放大师傅</a></li>
                            <li><a href="#">*文艺是否可舒服点开始放大师傅</a></li>
                            <li><a href="#">*文艺是否可舒服点开始放大师傅</a></li>
                        </ul>
                    </div>

            </div>
            <div class="page page_eight" id="eight">
                <div class="beizi"></div>
                <div class="zhengqi_yi"></div>
                <div class="zhengqi_er"></div>
                <div class="zhengqi_yi zqy"></div>
                <div class="zhengqi_er zqe"></div>
                <div class="dizhi_yi">我们的方位</div>
                <div class="dizhi_er">南京市长江路188号德基大厦20楼D</div>
                <div class="dizhi_san">025-84729129</div>

            </div>
            <div class="page page_nine" id="nine"></div>

            <div class="smallcar">
                <div class="smallcar_smokebox">
                    <div class="smallcar_smoke"></div>
                </div>
                <div class="smallwheelbox">
                    <div class="smallwheel1 sm"></div>
                    <div class="smallwheel2 sm"></div>
                    <div class="smallwheel3 sm"></div>
                    <div class="smallwheel4 sm"></div>
                </div>
            </div>
            <div class="box_bj"></div>
        </div>
        <div class="logo"></div>

        <!-- 线开始 -->
        <div class="xian">

        </div>
        <!-- 线结束 -->
        </div>
    </div>

    <!-- 底部导航 -->
    <!-- <ul class="footer_nav jingdu1">
        <li data-val='0'><a href="#" class="footer_nav_on">品牌介绍</a></li>
        <li data-val='1'><a href="#" class="mxpp">明星品牌</a></li>
        <li data-val='2'><a href="#">转型模块</a></li>
        <li data-val='3'><a href="#">餐饮品牌</a></li>
        <li data-val='4'><a href="#">案例展示</a></li>
        <li data-val='5'><a href="#">服务范围</a></li>
        <li data-val='6'><a href="#">新闻中心</a></li>
        <li data-val='7'><a href="#">联系我们</a></li>
        <p class="clear"></p>
    </ul>
    <div class="footer_nav_line">
        <ul class="circle">
            <li data-val='0' class="circle_single circle_on"></li>
            <li data-val='1' class="circle_single"></li>
            <li data-val='2' class="circle_single"></li>
            <li data-val='3' class="circle_single"></li>
            <li data-val='4' class="circle_single"></li>
            <li data-val='5' class="circle_single"></li>
            <li data-val='6' class="circle_single"></li>
            <li data-val='7' class="circle_single"></li>
            <p class="clear"></p>
        </ul>
    </div> -->

    <ul class="footer_nav jingdu1">
        <li data-val='0'><a class="footer_nav_on"></a></li>
        <li data-val='1' style="margin-left:2.4rem;"><a class="mxpp">明星品牌</a></li>
        <li data-val='2'><a></a></li>
        <li data-val='3'><a></a></li>
        <li data-val='4' style="margin-left:-0.1rem;"><a>案例展示</a></li>
        <li data-val='5' style="margin-left:0.1rem;"><a>服务范围</a></li>
        <li data-val='6' style="margin-left:0.1rem;"><a>新闻中心</a></li>
        <li data-val='7'><a href="#"></a></li>
        <p class="clear"></p>
    </ul>
    <div class="footer_nav_line">
        <ul class="circle">
            <li data-val='0' class="circle_single circle_on" style="opacity:0"></li>
            <li data-val='1' class="circle_single" style="margin-left:1.4rem;"></li>
            <li data-val='2' class="circle_single" style="opacity:0"></li>
            <li data-val='3' class="circle_single" style="opacity:0"></li>
            <li data-val='4' class="circle_single" style="margin-left:-1.0rem;"></li>
            <li data-val='5' class="circle_single" style="margin-left:-1.25rem;"></li>
            <li data-val='6' class="circle_single" style="margin-left:-1.6rem;"></li>
            <li data-val='7' class="circle_single" style="margin-left:-1.6rem;opacity:0"></li>
            <span class="zjb"></span>
            <!-- <li data-val='7' class="circle_single"></li> -->
            <p class="clear"></p>
        </ul>
    </div>



<!-- 自适应脚本 -->
<script>
    (function (doc, win) {
      var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
          var clientWidth = docEl.clientWidth;
          if (!clientWidth) return;
          docEl.style.fontSize = 100 * (clientWidth / 1440) + 'px';
        };

      if (!doc.addEventListener) return;
      win.addEventListener(resizeEvt, recalc, false);
      doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
</script>
<script type="text/javascript">
    $('.check-on').click(function(){
        $(this).toggleClass('check-off');
        })
</script>
</body>
</html>